<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="Access-Control-Allow-Origin" content="*" />
  <meta name="description" content="">
  <meta name="author" content="">

  <title>songyl.com</title>

  <!-- Bootstrap Core CSS -->
  <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">

  <!-- Fonts -->
  <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  <link href="css/nivo-lightbox.css" rel="stylesheet" />
  <link href="css/nivo-lightbox-theme/default/default.css" rel="stylesheet" type="text/css" />
  <link href="css/animate.css" rel="stylesheet" />
  <!-- Squad theme CSS -->
  <link href="css/style.css" rel="stylesheet">
  <link href="color/default.css" rel="stylesheet">

   <script src="js/jquery.min.js"></script>
   <script src="layer/layer.js"></script>
  <!-- =======================================================
    Theme Name: Ninestars
    Theme URL: https://bootstrapmade.com/ninestars-free-bootstrap-3-theme-for-creative/
    Author: BootstrapMade
    Author URL: https://bootstrapmade.com
  ======================================================= -->

  <script type="text/javascript">
     $(document).ready(function(){
        var sta=0;
    
    // $.ajax({
    //   url:"http://127.0.0.1:8088/send-message",
    //   //url:"http://192.168.0.68:22000/open",
    //   type:"post",
    //   dataType : "json", 
           

    //   success:function(rel){

    //     console.log(rel);

    //   }
    // })

     //layer.msg('留言成功');
           
  });
 </script>
</head>

<body data-spy="scroll">

  <div class="container">
    <ul id="gn-menu" class="gn-menu-main">
      <li class="gn-trigger">
        <a class="gn-icon gn-icon-menu"><span>Menu</span></a>
        <nav class="gn-menu-wrapper">
          <div class="gn-scroller">
            <ul class="gn-menu">
              <li>
                <a href="#about" class="gn-icon gn-icon-info">基本信息</a>
              </li>
              
			  <li><a href="#works" class="gn-icon gn-icon-archive">教育经历</a></li>
			  <li><a href="#service" class="gn-icon gn-icon-cog">IT技能</a></li>
              <li><a href="#works" class="gn-icon gn-icon-help">生活</a></li> 
              <li>
                <a href="#contact" class="gn-icon gn-icon-archive">留言</a>
              </li>
            </ul>
          </div>
          <!-- /gn-scroller -->
        </nav>
      </li>
      <li><a href="index.html">songyl.com</a></li>
     <!--  <li class="hidden-xs">
        <ul class="company-social">
          <li class="social-facebook"><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li>
          <li class="social-twitter"><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li>
          <li class="social-dribble"><a href="#" target="_blank"><i class="fa fa-dribbble"></i></a></li>
          <li class="social-google"><a href="#" target="_blank"><i class="fa fa-google-plus"></i></a></li>
        </ul>
      </li> -->
    </ul>
  </div>

  <!-- Section: intro -->
  <!-- <section id="intro" class="intro">
    <div class="slogan">
      <h1>This is Ninestars</h1>
      <p>make awesome stuff with Bootstrap framework</p>
      <a href="#about" class="btn btn-skin scroll">Learn more</a>
    </div>
  </section>
  -->
  <!-- /Section: intro -->

  <!-- Section: about -->
  <section id="about" class="home-section text-center bg-gray">
    <div class="heading-about marginbot-50">
      <div class="container">
        <div class="row">
          <div class="col-lg-10 col-lg-offset-1">

            <div class="section-heading">
              <h2>基本信息</h2>
              <!-- <div class="avatar"><img src="img/team/about-me.jpg" alt="" class="img-responsive"    /></div> -->
              <div class="avatar"><iframe id="ifrPage" name="ifrPage" src="info.html" style="width: 800px;height: 230px;"></iframe></div>
            </div>

          </div>
        </div>
      </div>
    </div>
    <!-- <div class="container">

      <div class="row">
        <div class="col-xs-12 col-sm-3 col-md-3">

          <div class="team boxed-grey">
            <div class="inner">
              <h5>Anna Hanaceck</h5>
              <p class="subtitle">Pixel Crafter</p>
              <div class="avatar"><img src="img/team/1.jpg" alt="" class="img-responsive" /></div>
            </div>
          </div>

        </div>
        <div class="col-xs-6 col-sm-3 col-md-3">

          <div class="team boxed-grey">
            <div class="inner">
              <h5>Maura Daniels</h5>
              <p class="subtitle">Ruby on Rails</p>
              <div class="avatar"><img src="img/team/2.jpg" alt="" class="img-responsive" /></div>
            </div>

          </div>
        </div>
        <div class="col-xs-6 col-sm-3 col-md-3">

          <div class="team boxed-grey">
            <div class="inner">
              <h5>Jack Briane</h5>
              <p class="subtitle">jQuery Ninja</p>
              <div class="avatar"><img src="img/team/3.jpg" alt="" class="img-responsive" /></div>
            </div>
          </div>

        </div>
        <div class="col-xs-6 col-sm-3 col-md-3">

          <div class="team boxed-grey">
            <div class="inner">
              <h5>Tom Petterson</h5>
              <p class="subtitle">Typographer</p>
              <div class="avatar"><img src="img/team/4.jpg" alt="" class="img-responsive" /></div>
            </div>
          </div>

        </div>
      </div> -->
    </div>
  </section>
  <!-- /Section: about -->


  <!-- Section: services -->
  <section id="service" class="home-section text-center">

    <div class="heading-about marginbot-50">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 col-lg-offset-2">

            <div class="section-heading">
              <h2>IT技能</h2>
              <!-- <p>Lorem ipsum dolor sit amet, no nisl mentitum recusabo per, vim at blandit qualisque dissentiunt. Diam efficiantur conclusionemque ut has</p> -->
            </div>

          </div>
        </div>
      </div>
    </div>
    <div class="container">
      <div class="row">
        <div class="col-sm-3 col-md-3">

          <div class="service-box">
            <div class="service-icon">
              <i class="fa fa-code fa-3x"></i>
            </div>
            <div class="service-desc">
              <h5>基础知识</h5>
              <p>具备扎实的Java基础，理解 java 面向对象思想,熟悉i/o、多线程、集合、泛型等JAVA高级知识;熟悉在.net平台使用C#进行桌面应用开发。</p>
            </div>
          </div>

        </div>
        <div class="col-sm-3 col-md-3">

          <div class="service-box">
            <div class="service-icon">
              <i class="fa fa-suitcase fa-3x"></i>
            </div>
            <div class="service-desc">
              <h5>数据库知识</h5>
              <p>掌握Oracle、Mysql等关系型数据库知识，熟悉redis数据库,熟练应用SQL语句。</p>
            </div>
          </div>

        </div>
        <div class="col-sm-3 col-md-3">

          <div class="service-box">
            <div class="service-icon">
              <i class="fa fa-cog fa-3x"></i>
            </div>
            <div class="service-desc">
              <h5>开发工具</h5>
              <p>熟练使用Myeclipse、IDEA、sublime、markdown、git、pl/sql、sqlyog、putty等开发工具。</p>
            </div>
          </div>

        </div>
        <div class="col-sm-3 col-md-3">

          <div class="service-box">
            <div class="service-icon">
              <i class="fa fa-rocket fa-3x"></i>
            </div>
            <div class="service-desc">
              <h5>开发框架</h5>
              <p>熟悉Spring 、SpringMVC 、MyBatis、Struts,quartz等java web开发框架.</p>
            </div>
          </div>

        </div>
      </div>
    </div>
  </section>
  <!-- /Section: services -->


  <!-- Section: works -->
  <section id="works" class="home-section text-center bg-gray">
    <div class="heading-works marginbot-50">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 col-lg-offset-2">

            <div class="section-heading">
              <h2>Recent Life</h2>
            </div>

          </div>
        </div>
      </div>
    </div>
    <div class="container">

      <div class="row">
        <div class="col-sm-12 col-md-12 col-lg-12">

          <div class="row gallery-item">
            <div class="col-md-3">
              <a href="img/works/1.jpg" title="This is an image title" data-lightbox-gallery="gallery1" data-lightbox-hidpi="img/works/1.jpg">
								<img src="img/works/1.jpg" class="img-responsive" alt="img">
							</a>
            </div>
            <div class="col-md-3">

              <a href="img/works/2.jpg" title="This is an image title" data-lightbox-gallery="gallery1" data-lightbox-hidpi="img/works/2.jpg">
								<img src="img/works/2.jpg" class="img-responsive" alt="img">
							</a>
            </div>
            <div class="col-md-3">
              <a href="img/works/3.jpg" title="This is an image title" data-lightbox-gallery="gallery1" data-lightbox-hidpi="img/works/3.jpg">
								<img src="img/works/3.jpg" class="img-responsive" alt="img">
							</a>
            </div>
            <div class="col-md-3">
              <a href="img/works/4.jpg" title="This is an image title" data-lightbox-gallery="gallery1" data-lightbox-hidpi="img/works/4.jpg">
								<img src="img/works/4.jpg" class="img-responsive" alt="img">
							</a>
            </div>
            <div class="col-md-3">
              <a href="img/works/5.jpg" title="西安-大雁塔" data-lightbox-gallery="gallery1" data-lightbox-hidpi="img/works/5.jpg">
								<img src="img/works/5.jpg" class="img-responsive 	work-img" alt="img">
							</a>
            </div>
            <div class="col-md-3">
              <a href="img/works/6.jpg" title="桂林-阳朔" data-lightbox-gallery="gallery1" data-lightbox-hidpi="img/works/6.jpg">
								<img src="img/works/6.jpg" class="img-responsive 	work-img" alt="img">
							</a>
            </div>
            <div class="col-md-3">
              <a href="img/works/7.jpg" title="十堰-武当山" data-lightbox-gallery="gallery1" data-lightbox-hidpi="img/works/7.jpg">
								<img src="img/works/7.jpg" class="img-responsive  work-img " alt="img">
							</a>
            </div>
            <div class="col-md-3">
              <a href="img/works/8.jpg" title="岳阳-岳阳楼" data-lightbox-gallery="gallery1" data-lightbox-hidpi="img/works/8.jpg">
								<img src="img/works/8.jpg" class="img-responsive work-img " alt="img">
							</a>
            </div>
          </div>

        </div>
      </div>
    </div>
  </section>
  <!-- /Section: works -->

  <!-- Section: contact -->
  <section id="contact" class="home-section text-center">
    <div class="heading-contact marginbot-50">
      <div class="container">
        <div class="row">
          <div class="col-lg-8 col-lg-offset-2">

            <div class="section-heading">
              <h2>留 言</h2>
             <!--  <p>Lorem ipsum dolor sit amet, no nisl mentitum recusabo per, vim at blandit qualisque dissentiunt. Diam efficiantur conclusionemque ut has</p> -->
            </div>

          </div>
        </div>
      </div>
    </div>
    <div class="container">

      <div class="row">
        <div class="col-lg-8 col-md-offset-2">
          <div class="boxed-grey">
            <div id="sendmessage">您已成功留言，谢谢！</div>
            <div id="errormessage"></div>
            <form action="http://127.0.0.1:8088/message/" method="post" role="form" class="contactForm">
              <div class="form-group">
                <input type="text" name="name" class="form-control" id="name" placeholder="您的姓名" data-rule="minlen:4" data-msg="Please enter at least 4 chars" />
                <div class="validation"></div>
              </div>
              <div class="form-group">
                <input type="email" class="form-control" name="email" id="email" placeholder="您的邮箱" data-rule="email" data-msg="Please enter a valid email" />
                <div class="validation"></div>
              </div>
              <div class="form-group">
                <input type="text" class="form-control" name="subject" id="subject" placeholder="主题" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" />
                <div class="validation"></div>
              </div>
              <div class="form-group">
                <textarea class="form-control" name="message" rows="5" data-rule="required" data-msg="Please write something for us" placeholder="内容"></textarea>
                <div class="validation"></div>
              </div>

              <div class="text-center"><button type="submit" class="btn btn-skin">留言</button></div>
            </form>
          </div>

          <div class="widget-contact row">
            <div class="col-lg-6">
              <address>
				  <strong>Ninestars Ltd.</strong><br>
				  Big Villa 334 Awesome, Beautiful Suite 1200<br>
				  San Francisco, CA 94107<br>
				  <abbr title="Phone">P:</abbr> (123) 456-7890
				</address>
            </div>

            <div class="col-lg-6">
              <address>
				  <strong>Email</strong><br>
				  <a href="mailto:#">email.name@example.com</a><br />
				   <a href="mailto:#">name.name@example.com</a>
				</address>

            </div>
          </div>
        </div>

      </div>

    </div>
  </section>
  <!-- /Section: contact -->

  <footer>
    <div class="container">
      <div class="row">
        <div class="col-md-12 col-lg-12">
          <p>&copy; Ninestars - Theme</p>
          <div class="credits">
           
            Designed by <a href="/">songyl.com</a>
          </div>
        </div>
      </div>
    </div>
  </footer>

  <!-- Core JavaScript Files -->
  <script src="js/jquery.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/jquery.easing.min.js"></script>
  <script src="js/classie.js"></script>
  <script src="js/gnmenu.js"></script>
  <script src="js/jquery.scrollTo.js"></script>
  <script src="js/nivo-lightbox.min.js"></script>
  <script src="js/stellar.js"></script>
  <!-- Custom Theme JavaScript -->
  <script src="js/custom.js"></script>
  <script src="contactform/contactform.js"></script>

</body>

</html>
